﻿<!DOCTYPE html>
<html lang="en">
<head>
  <title>牵手</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="robots" content="follow, all" />
  <meta charset="utf-8">
  <link rel="stylesheet" href="./css/reset.css" type="text/css" media="all">
  
  <link rel="stylesheet" href="./css/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
  <link rel="stylesheet" href="./css/style.css" type="text/css" media="all">
  <link href="./css/prettyPhoto.css" rel="stylesheet" />
  <script type="text/javascript" src="./js/jquery.min.js" ></script>
  <script type="text/javascript" src="./js/content_switch.js"></script>
  <script type="text/javascript" src="./js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="./js/jquery.mousewheel.js"></script>
  <script type="text/javascript" src="./js/jquery-ui.js"></script>
  <script type="text/javascript" src="./js/cScroll.js"></script>
  <!-- script type="text/javascript" src="./js/jquery.fancybox-1.3.4.js"></script-->
  <script src="./js/jquery.cycle.all.latest.js" type="text/javascript"></script>
  <script src="./js/jquery.color.js" type="text/javascript"></script>
  <script type="text/javascript" src="./js/script.js"></script>
  <script type="text/javascript" src="./js/functions.js"></script>
  <script src="./js/prettyPhoto.js"></script>
  <!--[if lt IE 9]>
  	<script type="text/javascript" src="./js/html5.js"></script>
    <link rel="stylesheet" href="./css/ie.css" type="text/css" media="all">
  <![endif]-->
	<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->

    <script>
        function checkhtml5()
        {
            if ($.browser.msie  && parseInt($.browser.version, 10) < 9) {
                document.body.innerHTML="<div style=' clear: both; text-align:center; position: relative; height: 50px; margin-top: 30px; padding: 20px; background-color: red; color: white; font-size:20px;'>你的浏览器非常落后，不支持 HTML5!<br/>请使用 Chrome 14+/IE 9+/Firefox 7+/Safari 4+ 其中任意一款浏览器访问此页面。</a></div>";

            }
        }
    </script>
    <style>
        a.wb_sina {
            float:left;
            margin-top:20px;
            margin-left:15px;
            display:inline-block;
            padding:4px 10px;
            border-radius:3px;
            background-color:#e55345;
            background-image:-moz-linear-gradient(top,#e96249,#e03c40);
            background-image:-ms-linear-gradient(top,#e96249,#e03c40);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e96249),to(#e03c40));
            background-image:-webkit-linear-gradient(top,#e96249,#e03c40);
            background-image:-o-linear-gradient(top,#e96249,#e03c40);
            background-image:linear-gradient(top,#e96249,#e03c40);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96249',endColorstr='#e03c40',GradientType=0);
            background-repeat:repeat-x;
            text-shadow:0 -1px 0 rgba(0,0,0,.5);
            border:1px solid #cf2b28;
            color:#fff!important;
            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
        }
        a.wb_sina:hover {
            background-image:-moz-linear-gradient(top,#e03c40,#e96249);
            background-image:-ms-linear-gradient(top,#e03c40,#e96249);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e03c40),to(#e96249));
            background-image:-webkit-linear-gradient(top,#e03c40,#e96249);
            background-image:-o-linear-gradient(top,#e03c40,#e96249);
            background-image:linear-gradient(top,#e03c40,#e96249);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03c40',endColorstr='#e96249',GradientType=0);
        }
        a.wb_sina span {
            display:inline-block;
            vertical-align:-5px;
            margin-right:7px;
            height:20px;
            width:24px;
            background:url(./images/weibo.png) no-repeat;
        }
        a.wb_tencent {
            float:left;
            margin-top:20px;
            margin-left:15px;
            display:inline-block;
            padding:4px 10px;
            border-radius:3px;
            background-color:#0e7fcc;
            background-image:-moz-linear-gradient(top,#1288d4,#0771c1);
            background-image:-ms-linear-gradient(top,#1288d4,#0771c1);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#1288d4),to(#0771c1));
            background-image:-webkit-linear-gradient(top,#1288d4,#0771c1);
            background-image:-o-linear-gradient(top,#1288d4,#0771c1);
            background-image:linear-gradient(top,#1288d4,#0771c1);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1288d4',endColorstr='#0771c1',GradientType=0);
            background-repeat:repeat-x;
            text-shadow:0 -1px 0 rgba(0,0,0,.5);
            border:1px solid #0D6EB8;
            color:#fff!important;
            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
        }
        a.wb_tencent:hover {
            background-color:#0e7fcc;
            background-image:-moz-linear-gradient(top,#0771c1,#1288d4);
            background-image:-ms-linear-gradient(top,#0771c1,#1288d4);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#0771c1),to(#1288d4));
            background-image:-webkit-linear-gradient(top,#0771c1,#1288d4);
            background-image:-o-linear-gradient(top,#0771c1,#1288d4);
            background-image:linear-gradient(top,#0771c1,#1288d4);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0771c1',endColorstr='#1288d4',GradientType=0);
        }
        a.wb_tencent span {
            display:inline-block;
            vertical-align:-5px;
            margin-right:7px;
            height:20px;
            width:24px;
            background:url(./images/weibo.png) no-repeat 0 -20px;
        }
        #abox
        {
            position: fixed;
            _position: absolute;
            right: 15px;
            z-index: 99999999;
        }
    </style>
</head>

<body onload="checkhtml5()">
<div id="abox">
    <a href="http://weibo.com/u/3514285430/home?wvr=5" target="_blank" class="wb_sina"><span></span>新浪微博</a>
    <a href="http://t.qq.com/ding--tao" target="_blank" class="wb_tencent"><span></span>腾讯微博</a>
</div>
<div class="page_spinner">
    <div></div>
</div>
<div class="over">
	<div class="centre">
		<div class="main">
			<!--header -->
			<header>
				<h1><span id="logo"><img src="./images/logo1.png" alt="" usemap="#logo"></span></h1>
				<nav class="menu">
					<ul id="menu">
						<li id="nav1"><img src="./images/nav1.png" alt=""><span>爱的宣誓</span></li>
						<li id="nav2"><img src="./images/nav2.png" alt=""><span>我们的故事</span></li>
						<li id="nav3"><img src="./images/nav3.png" alt=""><span>絮叨絮叨</span></li>
						<li id="nav4"><img src="./images/nav4.png" alt=""><span>留言祝福</span></li>
						<li id="nav5"><img src="./images/nav5.png" alt=""><span>爱的映像</span></li>
						<li id="nav6"><img src="./images/nav6.png" alt=""><span>时光沙漏</span></li>
					</ul>
				</nav>
				<img src="./images/spacer.gif" alt="" id="navigation" usemap="#navigation">
				<map name="logo" class="map_logo"></map>
				<map name="navigation" class="navigation"></map>
			</header>
			<!--header end-->
			<!--content -->
			<map name="back" class="map_back"></map>
			<article id="content">
				<ul>
					<li id="page_Home">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav1.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>爱的宣誓</h2>
                            人物：丁涛 &amp; 唐丽<br />
                            因为爱着你的爱<br />
                            因为梦着你的梦<br />
                            所以悲伤着你的悲伤<br />
                            幸福着你的幸福<br />
                            因为路过你的路<br />
                            因为苦过你的苦<br />
                            所以快乐着你的快乐<br />
                            追逐着你的追逐<br />
                            因为誓言不敢听。。。。<br />
						</div>
					</li>
					<li id="page_About">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav2.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>我们的故事</h2>
							<div class="relative">
								<div class="scroll">
                                    <span>人物：丁涛 &amp; 唐丽<br />
                                        <p>&nbsp;&nbsp;&nbsp;&nbsp;虽然我们相识的日子
                                        还是短暂的
                                        可是我已深深把你来爱了
                                        你的天真和你的纯情
                                        已把我吸引了
                                        你就是我梦中美丽的天使
                                        我知道你是一个
                                        天真善良温柔的男孩
                                        真的希望
                                        自己能够配上你
                                        如果你能给我机会
                                        让我好好的爱你
                                        真的只想
                                        真心真意对你说
                                        我爱你一定
                                        爱到花都开了鸟儿把歌唱
                                        爱到牛郎织女
                                        为我们点头
                                        爱到花儿绽放
                                        </p><p>&nbsp;&nbsp;&nbsp;&nbsp;
                                        鸟儿成群把我们环绕
                                        爱到每道彩虹
                                        印出你的美
                                        我爱你一定爱到
                                        海枯石烂永远不后悔
                                        爱到来生来世
                                        也会说无悔
                                        就把这首动听的歌
                                        唱给心爱的男孩
                                        真的希望
                                        你能给我个机会
                                        让我去爱你
                                        我知道你是一个
                                        天真善良温柔的男孩
                                        真的希望
                                        自己能够配上你
                                        如果你能给我机会
                                        让我好好的爱你
                                        真的只想
                                        真心真意对你说
                                        我爱你一定爱到
                                        花都开了鸟儿把歌唱
                                        爱到牛郎织女
                                        为我们点头
                                        爱到花儿绽放
                                        </p><p>&nbsp;&nbsp;&nbsp;&nbsp;
                                        鸟儿成群把我们环绕
                                        爱到每道彩虹
                                        印出你的美
                                        我爱你一定爱到
                                        海枯石烂永远不后悔
                                        爱到来生来世
                                        也会说无悔
                                        就把这首动听的歌
                                        唱给心爱的男孩
                                        真的希望
                                        你能给我个机会
                                        让我去爱你
                                        我爱你一定爱到
                                        花都开了鸟儿把歌唱
                                        爱到牛郎织女
                                        为我们点头
                                        爱到花儿绽放
                                        鸟儿成群把我们环绕
                                        爱到每道彩虹
                                        印出你的美
                                        我爱你一定爱到
                                        海枯石烂永远不后悔
                                        爱到来生来世
                                        也会说无悔
                                        就把这首动听的歌
                                        唱给心爱的男孩
                                        真的希望
                                        你能给我个机会
                                        让我去爱你</p>
								</div>
							</div>
						</div>
					</li>
					<li id="page_Talk">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav3.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>絮叨絮叨</h2>
                            <div class="relative">
                                <div class="scroll">
                                    <div style="width:100%;float: left; border-bottom: 1px solid #CCCCCC;">唉，很无聊的样子。<br/><span style="float: right"> --by 丁涛 2017年2月24日</span></div>



                                    <div style="width:100%;float: left">昨天好像惹媳妇生气了，做一个网页哄哄她开心。<br/><span style="float: right"> --by 丁涛 2017年2月24日</span></div>
                                </div>
                            </div>
						</div>
					</li>
					<li id="page_Message">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav4.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>留言祝福</h2>
                            <div class="relative">
                                <div class="scroll">


                                    <div style="min-height: 300px; padding-bottom: 50px;">
                                        <!-- Duoshuo Comment BEGIN -->
                                        <div class="ds-thread"></div>
                                        <script type="text/javascript">
                                            var duoshuoQuery = {short_name:"myibird"};
                                            (function() {
                                                var ds = document.createElement('script');
                                                ds.type = 'text/javascript';ds.async = true;
                                                ds.src = 'http://static.duoshuo.com/embed.js';
                                                ds.charset = 'UTF-8';
                                                (document.getElementsByTagName('head')[0]
                                                        || document.getElementsByTagName('body')[0]).appendChild(ds);
                                            })();
                                        </script>
                                        <!-- Duoshuo Comment END -->
                                    </div>
                                </div>
                            </div>
						</div>
					</li>
					<li id="page_Blog">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav5.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>爱的映像</h2>
							<div class="relative">
								<div class="scroll">
									<ul class="gallery fancybox">
                                        <li style="line-height:120px">
                                            <a href="./images/uploadimage/psb.jpg" rel="prettyPhoto[gallery1]">
                                                <img src="./images/uploadimage/psb.jpg" alt="">
                                            </a>
                                        </li>
                                        <li style="line-height:120px">
                                            <a href="./images/uploadimage/psdb.jpg" rel="prettyPhoto[gallery1]">
                                                <img src="images/uploadimage/psdb.jpg" alt="">
                                            </a>
                                        </li>
                                        <li style="line-height:120px">
                                            <a href="./images/uploadimage/pssb.png" rel="prettyPhoto[gallery1]">
                                                <img src="images/uploadimage/pssb.png" alt="">
                                            </a>
                                        </li>
                                        <li style="line-height:120px">
                                           <a href="./images/uploadimage/psu.jpg" rel="prettyPhoto[gallery1]">
                                                <img src="images/uploadimage/psu.jpg" alt="">
                                            </a>
                                        </li>
									</ul>
									
								</div>
							</div>
						</div>
					</li>
					<li id="page_Time">
						<img src="./images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="./images/nav6.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>时光沙漏</h2>
                            <div id="loveHeart" style="margin-top: 30px;font-size: 25px;">
                                        <span style="">唐狗屎, 你知道我们相爱了多久吗</span>
                                        <div id="elapseClock" style="margin: 10px 0px 10px 0px;"></div>

                                <img src="./images/1.gif" />　　　　<img src="./images/2.gif" /><br/><br/>
                                    <div id="loveu">
                                        爱，从你招生的套路开始<br/>
                                        <div class="signature" style="float: right; margin-right: 50px;">- 丁涛</div>
                                    </div>
                                </div>
                            </div>
						</div>
					</li>
				</ul>
			</article>
			<!--content end-->
		</div>
	</div>

</div>
<script>
$(window).load(function() {	
	$('.page_spinner').fadeOut();
	$('body').css({overflow:'visible'});
	
})
</script>
<script>
    $(window).load(function (){
        var biz_name = '';
        var biz_url = '';
        $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:'<a href="' + biz_url + '" target="_blank">' + biz_name + '</a>',animation_speed:'normal',theme:'dark_square',slideshow:5000, autoplay_slideshow: false});
    });
</script>

<script type="text/javascript">
    var offsetX = $("#loveHeart").width() / 2;
    var offsetY = $("#loveHeart").height() / 2 - 55;
    var together = new Date();
    together.setFullYear(2010, 07, 25);
    together.setHours(17);
    together.setMinutes(0);
    together.setSeconds(0);
    together.setMilliseconds(0);

        setTimeout(function () {
            adjustWordsPosition();
            startHeartAnimation();
        }, 3000);

        timeElapse(together);
        setInterval(function () {
            timeElapse(together);
        }, 500);

        adjustCodePosition();
        $("#code").typewriter();
</script>

</div>
<script type="text/javascript" >
    var jiathis_config={
        data_track_clickback:true,
        summary:"",
        appkey:{
            "tsina":"804413587",
            "tqq":"804413587",
            "qzone":"804413587",
        },
        showClose:true,
        shortUrl:false,
        hideMore:false
    }
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?uid=1773469&type=left&btn=l.gif&move=1" charset="utf-8"></script>
</body>
</html>